﻿
@{
    Layout = "~/Views/Shared/_LayoutBlank.cshtml";
    ViewBag.Title = "VerticalCentreTest";
}

<style type="text/css">
    .parent {
        display: flex;
        height: 300px; /* Or whatever */
    }

    .child {
        width: 100px; /* Or whatever */
        height: 100px; /* Or whatever */
        margin: auto; /* Magic! */
    }
</style>

@*<h2>VerticalCentreTest</h2>*@

<div class="parent">

    <img class="child" src="~/Content/images/buttons/Arrowhead-Left-01.png" />

    <img class="child" src="~/Content/images/buttons/play.jpg" />

    <img class="child" src="~/Content/images/buttons/Arrowhead-Right-01.png" />
</div>


<div style="border:dashed 1px #666;display:flex;">

    <img src="~/Content/images/buttons/Arrowhead-Left-01.png" />

    <img src="~/Content/images/buttons/play.jpg" />

    <img src="~/Content/images/buttons/Arrowhead-Right-01.png" />
</div>